﻿@{
    Layout = null;
}

@using FikriKibar.Common.Enums
@using FikriKibar.Globalization
@using FikriKibar.UI.WebManagement.Models
@model HeaderModel
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a href="@Url.Action("Index","Home")" id="header-logo" title="@Model.ApplicationName" class="navbar-brand"></a>
</div>

<ul class="nav navbar-top-links navbar-right">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-messages">
            <li>
                <a href="#">
                    <div>
                        <strong>John Smith</strong>
                        <span class="pull-right text-muted">
                            <em>Yesterday</em>
                        </span>
                    </div>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                </a>
            </li>
            <li class="divider"></li>
            <li>
                <a href="#">
                    <div>
                        <strong>John Smith</strong>
                        <span class="pull-right text-muted">
                            <em>Yesterday</em>
                        </span>
                    </div>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                </a>
            </li>
            <li class="divider"></li>
            <li>
                <a href="#">
                    <div>
                        <strong>John Smith</strong>
                        <span class="pull-right text-muted">
                            <em>Yesterday</em>
                        </span>
                    </div>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                </a>
            </li>
            <li class="divider"></li>
            <li>
                <a class="text-center" href="#">
                    <strong>Read All Messages</strong>
                    <i class="fa fa-angle-right"></i>
                </a>
            </li>
        </ul>
    </li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="fa fa-flag fa-fw"></i><i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
            @foreach (var language in Model.LanguageList)
            {
                <li>
                    @Html.ActionLink(language.LanguageName, "Change", "Language", new { culture = language.LanguageCode, returnUrl = Request.RawUrl }, null)
                </li>
            }
        </ul>
    </li>

    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="fa fa-info-circle fa-fw"></i><i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-alerts">


            <li class="nonelink">
                <a href="#">
                    <div>
                        <i class="fa fa-sign-in fa-fw"></i>@Resources.LastLoginTime
                        <span class="pull-right text-muted small">@Convert.ToDateTime(Model.LastLoginTime).ToString("yyyy-MM-dd HH:mm")</span>

                    </div>
                </a>
            </li>

            <li class="divider"></li>
            <li class="nonelink">
                <a href="#">
                    <div>
                        <i class="fa fa-clock-o fa-fw"></i>@Resources.RemainingSessionTime
                        <span class="pull-right text-muted small CountDownLabel" logouturl="@Url.Action("TimeOutLogout","User")">@Model.RemainingSessionTime</span>
                    </div>
                </a>
            </li>
            <li class="divider"></li>

            <li>
                <a class="text-center" href="@Url.Action("MyAccount","User")">
                    <strong>@Resources.MyAccount</strong>
                    <i class="fa fa-angle-right"></i>
                </a>
            </li>

        </ul>
        <!-- /.dropdown-alerts -->
    </li>


    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
            <li>
                <a href="@Url.Action("UpdateMyInformation", "User")"><i class="fa fa-user fa-fw"></i> @Resources.UpdateMyInformation</a>
            </li>
            <li>
                <a href="@Url.Action("UpdateMyPassword", "User")"><i class="fa fa-key fa-fw"></i> @Resources.UpdateMyPassword</a>
            </li>
            <li class="divider"></li>
            <li>

            <li>
                <a href="#" class="logout-link" data-confirm-href="@Url.Action("Logout","User", new { logoutOptions = LogoutOptions.ValidLogut})" data-confirm-title="@Resources.AreYouSure" data-confirm-message="@Resources.AreYouSureLogout" data-confirm-ok="@Resources.Yes" data-confirm-cancel="@Resources.No"><i class="fa fa-sign-out fa-fw"></i> @Resources.Logout</a>
            </li>
        </ul>
    </li>
</ul>

